<template>
  <div class="container1">
    <!-- 头部 -->
    <Header></Header>
    <!-- 主体：container2用来装aside和main -->
    <div class="container2">
      <Aside></Aside>
      <router-view style="flex: 1"></router-view>
    </div>

    <!-- <div class="cd">
        
    </div> -->
  </div>
</template>

<script>
import Header from "@/components/BackstageHead.vue";
import Aside from "@/components/BackstageAside.vue";
export default {
  name: "Manager",
  data() {
    return {};
  },
  components: {
    Header,
    Aside,
  },
};
</script>

<style scoped>
@import "../assets/css/reset.css";
@import "//at.alicdn.com/t/font_2970792_9up49y0sef.css";

.container2 {
  display: flex;
  
}
/* 主体 */
main {
  /* background-color: #f8f8f8; */
  width: auto;
  height: 50rem;
  display: inline-block;
  flex-grow: 1;
  z-index: 1;
}
/* 文字不可被选中*/
* {
  -moz-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cd{
  background-color: aquamarine;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 5.5rem;
  left: 12.5rem;
}
</style>
